// Global styles start
@import 'globals/functions';
@import 'globals/colors';
@import 'globals/vars';
@import 'globals/mixins';
@import 'globals/gorko';
@import 'globals/extends';
@import 'globals/fonts';
@import 'globals/theme';
@import 'globals/reset';
@import 'globals/typography';

@import 'blocks/stack';
@import 'blocks/search-box';
@import 'blocks/logo';
@import 'blocks/top-nav';
@import 'blocks/footer';
@import 'blocks/scaffold';
@import 'blocks/navigation-rail';
@import 'blocks/announcement-banner';
@import 'blocks/cookie-banner';
@import 'blocks/banner';
@import 'blocks/button';
@import 'blocks/link';
@import 'blocks/icon';
@import 'blocks/cluster';
@import 'blocks/select';
@import 'blocks/side-nav';
@import 'blocks/skip-link';

:root {
  --flow-space: #{get-size(500)};
}

html {
  // Disabled due to https://github.com/GoogleChrome/developer.chrome.com/issues/7412
  // scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  // Allow normally unbreakable words to be broken at arbitrary points if
  // there are no otherwise acceptable break points in the line.
  // Soft wrap opportunities introduced by the word break are NOT considered
  // when calculating min-content intrinsic sizes.
  overflow-wrap: break-word;
  transition: background 500ms ease-in-out, color 200ms ease;

  &:has(dialog[open]) {
    overflow: hidden;
  }
}

a:not([class]) {
  @extend %link;
}

main:focus {
  outline: none;
}

video {
  width: 100%;
}

video[width][height] {
  height: auto;
}

[hidden] {
  display: none !important;
}
